<template>
    <div class="card-wrap flex-column justify-end card-padding">
        <div class="card-title-wrap">
            <span>订单信息</span>
            <span></span>
        </div>
        <el-descriptions title="">
            <el-descriptions-item label="订单编号">
                <router-link to="/vehicleOrder/orderManagement/OrderDetails?type=1&beFrom=OrderView&orderId=1780065894705430529&preOrderId=1776848232681791490&calcSchemeId=1776845602618302466">
                    <span style="cursor:pointer;color:blue">{{ info.orderCode|filterNull }}</span> 
                </router-link>    
            </el-descriptions-item>
            <el-descriptions-item label="客户名称">
                {{ info.customName|filterNull }}
            </el-descriptions-item>
            <el-descriptions-item label="出租方">
                {{ info.lessorName|filterNull }}
            </el-descriptions-item>
            <!-- <el-descriptions-item label="催收进度">{{ info.collectionProcess|filterNull }}</el-descriptions-item> -->
        </el-descriptions>


    </div>
</template>

<script>

export default {
    name: "LitigationApplicationOrder",
    components: {},
    props:{
        info: {
            type: Object,
            default: () => ({}),
        },
    },
    dicts: [ 'progress_litigation'],
    data() {
        return {
            form:{
                carBasicVo:'1779677725229084674'
            },
        };
    },
    async created(){
    },
    methods: {
        // 预览图片
        previewImage(urls) {
            console.log(urls);
            this._previewImages(urls);
        },
    }
};
</script>


<style lang="scss" scoped>
::v-deep .el-form--label-top .el-form-item__label {
    padding: 0;
}

.el-form-item {
    margin-bottom: 10px;
    width: 70%;
}

::v-deep .el-tabs__item {
    font-size: 16px !important;
    //color: #333333;
    font-weight: bold;
}

::v-deep .el-descriptions__header {
    margin-top: -8px !important;
    margin-bottom: 10px !important;
}
</style>
